html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
	text-decoration: none;
	font-family: "PingFangSC-Regular","Microsoft YaHei",Helvetica;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wrapper
	width: 1200px
	margin: 0 auto

.header
	height: 80px
	background: #16151b
	overflow: hidden
	.logo
		float: left
		line-height: 80px
		a
			display: block
	.nav
		overflow: hidden
		float: left
		padding-left: 184px
		li
			float: left
			line-height: 80px
			a
				color: #8c8c8c
				display: block
				padding: 0 20px
				font-size: 14px
			&.atthis
				a
					background: #454648
					color: #fff
	.right
		float: right
		a
			float: left
			margin: 32px 6px 0 0 
			width: 15px
			height: 15px
			background: transparent url('../images/gitnone/icon_sina.png') no-repeat left top
			&.icon-00:hover
				background-image: url('../images/gitnone/icon_sina_at.png')
			&.icon-01
				background-image: url('../images/gitnone/icon_qq.png')
			&.icon-01:hover
				background-image: url('../images/gitnone/icon_qq_at.png')
			&.icon-02
				background-image: url('../images/gitnone/icon_hb.png')
			&.icon-02:hover
				background-image: url('../images/gitnone/icon_hb_at.png')

.banner
	width: 100%
	overflow: hidden
	min-width: 1200px
	position: relative
	height: 716px
	.banner-content
		width: 1920px
		height: 716px
		position: relative
		left: 50%
		margin-left: -960px
	.banner-pagination
		position: absolute
		bottom: 55px
		left: 0
		right: 0
		text-align: center
		z-index: 9
		span
			display: inline-block
			*zoom: 1
			*dispaly: inline
			width: 2px
			height: 2px
			background: #fff
			margin: 0 14px
			&.swiper-active-switch
				width: 8px
				height: 8px 
				border: 2px solid #f9bc01
				border-radius: 50%
				background: transparent

	.swiper-button-prev
		position: absolute
		z-index: 9
		left: 6%
		top: 300px
		width: 53px
		height: 53px
		background: transparent url('../images/gitnone/icon_left.png') no-repeat left top
		cursor: pointer
		&:hover
			opacity: .8
	.swiper-button-next
		position: absolute
		z-index: 9
		right: 6%
		top: 300px
		width: 53px
		height: 53px
		background: transparent url('../images/gitnone/icon_right.png') no-repeat left top
		cursor: pointer
		&:hover
			opacity: .8


.footer
	padding: 30px 0
	overflow: hidden
	border-top: 2px solid #ffc001
	/* @meta {"spritesheet": {"include": false}} */
	background: transparent url('../images/bg_footer.jpg') repeat left top
	.left
		float: left
		width: 500px
		margin-left: 85px
		font-size: 12px
		line-height: 20px
		color: #656668
		margin-right: 40px
		img
			margin-bottom: 15px
	.footer-nav
		float: left
		width: 108px
		margin-left: 45px
		.title
			font-size: 16px
			color: #9f9f9f
			margin-bottom: 10px
		li
			a
				color: #656668
				font-size: 14px
				line-height: 22px
	.weixin
		float: left
		width: 115px
		margin-left: 35px
		text-align: center
		font-size: 14px
		color: #fff
		img
			width: 100px
			height: 100px
			margin-bottom: 10px

.floor
	position: fixed
	right: 2%
	bottom: 220px
	a
		display: block
		width: 107px
		height: 102px
		background: transparent url('../images/gitnone/img_top.png') no-repeat left top

// 首页
.indexNav
	text-align: center
	font-size: 0
	padding: 110px 0 70px 0
	/* @meta {"spritesheet": {"include": false}} */
	background: transparent url('../images/bg_index.jpg') repeat left top
	li
		display: inline-block
		*display: inline
		*zoom: 1
		width: 265px
		height: 424px
		border-radius: 10px
		background: #f0f0f0
		margin: 5px
		transition: all .5s
		&:hover
			margin-top: -5px
		h3
			width: 135px
			height: 72px
			margin: 60px auto 0
			text-align: center
			font-size: 24px
			padding-top: 88px
			color: #2a2c2d
			/* @meta {"spritesheet": {"include": false}} */
			background: transparent url('../images/index/icon_xx.png') no-repeat left top
			&.icon-01
				/* @meta {"spritesheet": {"include": false}} */
				background-image: url('../images/index/icon_xs.png')
			&.icon-02
				/* @meta {"spritesheet": {"include": false}} */
				background-image: url('../images/index/icon_xsgj.png')
			&.icon-03
				/* @meta {"spritesheet": {"include": false}} */
				background-image: url('../images/index/icon_yx.png')
			&.icon-04
				/* @meta {"spritesheet": {"include": false}} */
				background-image: url('../images/index/icon_hz.png')
		p
			font-size: 16px
			line-height: 22px
			color: #000
			margin-top: 10px
			position: relative
			&:after
				content: ''
				display: block
				width: 33px
				height: 1px 
				background: #8e8e8e
				position: absolute
				left: 50%
				margin-left: -17px
				bottom: -25px
		.tips
			display: block
			font-size: 14px
			margin-top: 70px
			color: #2a2c2d
			img
				margin-right: 5px
			b
				border: 1px solid #fbcc42
				border-radius: 22px
				padding: 2px 10px
				color: #6c6c6c
				margin-left: 15px

// 列表
.product
	overflow: hidden
	/* @meta {"spritesheet": {"include": false}} */
	background: transparent url('../images/list/bg.jpg') no-repeat center top
	.product-title
		font-size: 30px
		color: #fff
		padding: 75px 0 45px 0
		a
			font-size: 14px
			color: #ffc001
			border: 1px solid #ffc001
			padding: 2px 25px
			border-radius: 25px
			margin-left: 40px
			&.atthis
				background: #ffc001
				color: #303030
	ul
		overflow: hidden
		margin-right: -40px
		li
			float: left
			margin-right: 38px
			h4
				font-size: 20px
				color: #fff
				margin: 21px 0 5px 0
			p
				font-size: 14px
				color: #666565
				margin: 0 0 21px 0

.page
	overflow: hidden
	padding: 80px 0 70px
	text-align: right
	a
		display: inline-block
		width: 40px
		height: 40px 
		line-height: 40px
		color: #fff
		background: #18181d
		text-align: center
		margin-left: 2px
		img
			margin-top: -3px
		&.atthis,&:hover
			background: #ffc001
